﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的采购</title>

    <link rel="stylesheet" type="text/css" href="../bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../bootstrap/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="../react/react-bootstrap-table-all.min.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" >
    <link rel="stylesheet" type="text/css" href="../css/component.ui.css" >
    <link rel="stylesheet" type="text/css" href="../css/ui.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">

    <script src="../react/react.js"></script>
    <script src="../react/react-dom.js"></script>
    <script src="../react/babel.min.js"></script>
    <script src="../react/react-bootstrap-table.js"></script>

    <script src="../jq/jquery-1.10.2.min.js"></script>
    <script src="../bootstrap/bootstrap.min.js" ></script>

    <script type="text/babel" src="../js/component/component.VerticalMenu.js" ></script>
    <script type="text/babel" src="../js/component/component.purchase.list.js" ></script>

    <script type="text/babel" src="../js/module/app.js" ></script>
    <script type="text/babel" src="../js/module/purchase.list.js" ></script>

</head>
<body>

<div class="topbar">
    <div class="container">
        <div class="topbar-link">
            <ul>
                <li>点钢网首页</li>
                <li class="unlogin"><a href="">请登录</a></li>
                <li class="unlogin"><a href="">免费注册</a></li>
                <li class="logon">您好！努巴尼机械科技有限公</li>
                <li class="logon"><a href="">退出</a></li>
            </ul>
        </div>
        <div class="topbar-menu">
            <a>我的点钢网</a>|
            <a>消息中心</a>|
            <a>在线洽谈</a>|
            <a>帮助中心</a>|
            <a>客服电话：400-007-2323</a>
        </div>
    </div>
</div>

<div class="header">
    <div class="container">
        <div class="logo">LOGO</div>
        <ul class="header-nav">
            <li><div class="link-hd">我的铁矿</div></li>
            <li><div class="link-hd">我的钢材</div></li>
            <li><div class="link-hd">我的镍矿</div></li>
            <li><div class="link-hd">我的煤焦</div></li>
        </ul>
    </div>
</div>


<div class="wrap">
    <div class="container">
        <div class="left-side" id="component-leftMenu">
        </div>
        <div class="main">


            <div class="tabs-menu">
                <ul class="nav nav-tabs" id="tabs-filterPurchase">
                    <li class="active"><a href="javascript:void(0)" data-type="all">全部</a></li>
                    <li><a href="javascript:void(0)" data-type="unconfirmed">待确认</a></li>
                    <li><a href="javascript:void(0)" data-type="notpaid">待付款</a></li>
                    <li><a href="javascript:void(0)" data-type="unshipped">待放货</a></li>
                    <li><a href="javascript:void(0)" data-type="unbalanced">待结算</a></li>
                    <li><a href="javascript:void(0)" data-type="finish">已完成</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="all">
                        <div class="row margin-bottom">
                            <div class="col-md-6">
                                <div class="input-group">
                                    <input id="input-filterPurchase" type="text" class="form-control" placeholder="请输入订单号或品名查询" aria-describedby="basic-addon1">
                                    <div class="input-group-btn" id="button-filterPurchase"><button class="btn btn-default">搜索</button></div>
                                </div>
                            </div>
                        </div>
                        <div id="component-table"></div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>



</body>
</html>